<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>活动页</title>
</head>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/template.js"></script>
<body style="background:#db342a">
    <div class="w_bg">
        <div class="w_banner">
            <img src="wap_img/banner.png" alt="">
        </div>
        <div class="w_title">
            <img class="w_title_i" src="" alt="">
        </div>
        <div class="w_c1">
            <ul>
                <li>
                    <img src="" alt="">
                </li>
                <li>
                    <img src="" alt="">
                </li>
                <li>
                    <img src="" alt="">
                </li>
            </ul>
        </div>
        <div class="w_c1 w_c2">
                <ul>
                    <li>
                        <img src="" alt="">
                    </li>
                    <li>
                        <img src="" alt="">
                    </li>
                    <li>
                        <img src="" alt="">
                    </li>
                    <li>
                        <img src="" alt="">
                    </li>
                    <li>
                        <img src="" alt="">
                    </li>
                    <li>
                        <img src="" alt="">
                    </li>
                </ul>
            </div>
        <div class="w_title">
            <img class="w_title_i" src="" alt="">
        </div>
        <div class="w_con">
            <ul>
                
            </ul>    
        </div>
        <div class="w_title">
            <img class="w_title_i" src="" alt="">
        </div>
        <div class="w_con2">
            <ul>
                
            </ul>    
        </div>
        <p style="text-align: center;  font-size:14px; color:#fff; margin-top:50px;">购年礼，到当买！</p>
        <p style="text-align: center;  font-size:14px; color:#fff">客服热线：0592-2033321</p>
        <p style="text-align: center;  font-size:14px; color:#fff; margin-bottom:50px;"> 更多精彩请移步官网：www.chinadangmai.com</p>
                
    </div>
</body>
<script>
    $(function(){
        // var w_title=document.getElementsByClassName('w_title_i')
        // for(var i=0; i<w_title.length; i++){
        //     w_title[i].attributes='wap_img/title'[i]+'.png'
        // }
        $('.w_title').each(function(index,t){
            $(t).find('img').attr('src','wap_img/title'+(index+1)+'.png')
        })
        $('.w_c1 li').each(function(index,t){
            $(t).find('img').attr('src','wap_img/product'+(index+1)+'.png')
        })
        var list=""
        list+='<li>'
        list+='<p class="w_img_bg">'
        list+='<img class="img_list" src="wap_img/1.png" alt="">'
        list+='</p>'
        list+='<p class="w_text_h">果果先森进口零食坚果礼盒750g</p>'
        list+='<p class="w_moner">'
        list+='活动价：¥<em class="m">148</em>'
        list+='</p>'
        list+='</li>'

        var list2=""
        list2+='<li>'
        list2+='<p class="w_img_bg2">'
        list2+='<img class="img_list2" src="wap_img/1.png" alt="">'
        list2+='</p>'
        list2+='<p class="w_text_h2">果果先森进口零食坚果礼盒750g</p>'
        list2+='<p class="w_moner2">'
        list2+='活动价：¥<em class="m2">148</em>'
        list2+='</p>'
        list2+='</li>'        
        var img_list=document.getElementsByClassName('img_list')
        var w_text_h=document.getElementsByClassName('w_text_h')
        var m=document.getElementsByClassName('m')
        var img_list2=document.getElementsByClassName('img_list2')
        var w_text_h2=document.getElementsByClassName('w_text_h2')
        var m2=document.getElementsByClassName('m2')
        var arr1=[
            '果果先森进口零食坚果礼盒750g',
            '果果先森蜜饯礼盒装 ',
            '【正和记】暖心煲汤礼盒',
            '崇真坚果礼盒6罐装 1240克',
            '绿帝五谷杂粮粥礼盒装代餐粥',
            '绿帝菌临天下礼盒888g',
            '果果先森进口零食坚果礼盒750g',
            '绿帝年年有余礼盒',
            '崇真坚果礼盒6罐装 1150克',
            '甘源礼盒B套餐特产小吃1140g',
            '宋小蜜全家桶蜂蜜礼盒',
            '赵小姐4盒馅饼礼盒792g'
        ]
        var arr2=[
            '148',
            '148 ',
            '159',
            '198',
            '119',
            '199',
            '299',
            '329',
            '198',
            '80',
            '128',
            '89'
        ]
        var arr3=[
            '果然萌什锦菇菜脆80g罐装',
            '好想你 野酸味枣180g ',
            '厦门特产手工蛋片',
            '珍妮曲奇 jennybakery ',
            '黄胜记美味大礼包8袋装',
            '干贝280g海鲜干货野生特产',
            '张三疯牛轧糖100g ',
            '香港彩伦300g 手工花生牛轧糖',
            '米阳 优质 东北大米 5kg',
            '德世朗威斯特五件套刀',
            '德世朗瑞朗真空保温杯500ML',
            '康佳（KONKA） 果福宝榨汁机'
        ]
        var arr4=[
            '19.8',
            '15.9 ',
            '9.9',
            '108',
            '109',
            '90',
            '42',
            '48',
            '49',
            '239',
            '89',
            '349'
        ]
        for(var i=0; i<12; i++){
            $('.w_con ul').append(list)
            img_list[i].src='wap_img/'+(parseInt([i])+1)+'.png'
            w_text_h[i].innerHTML=arr1[i]
            m[i].innerHTML=arr2[i]
            $('.w_con2 ul').append(list2)
            img_list2[i].src='wap_img/'+(parseInt([i])+13)+'.png'
            w_text_h2[i].innerHTML=arr3[i]
            m2[i].innerHTML=arr4[i]
        }
     })
</script>
</html>